<template>
    <commonPage :showHeader="false">
    <scroller
      slot="page_body"
      style="height: 100%"
      ref="my_scroller"
      :on-refresh="refresh"
      :on-infinite="infinite"
      refresh-layer-color="#4b8bf4"
      loading-layer-color="#ec4949"
      class="page_body"
    >
    <div class="all">
        <div class="content1">
            <div class="upload">
                点此上传文件
            </div>
        </div>
        <div class="content2">

            <van-form @submit="onSubmit">
            <van-field
                label-width="4.5rem"
                v-model="dwname"
                name="单位名称"
                label="单位名称:"
                placeholder=""
                
            />
            <van-field
                label-width="2.5rem"
                v-model="address"
                name="地址:"
                label="地址:"
              
            />
            <van-field
                label-width="6.5rem"
                v-model="ldname"
                name="分管领导姓名:"
                label="分管领导姓名:"
              
            />
            <van-field
                label-width="6.5rem"
                v-model="ldtel"
                name="分管领导电话"
                label="分管领导电话:"
              
            />
            <van-field
                label-width="9.5rem"
                v-model="fzrname"
                name="创建工作负责人姓名"
                label="创建工作负责人姓名:"
              
            />
            <van-field
                label-width="9.5rem"
                v-model="fzrtel"
                name="创建工作负责人电话"
                label="创建工作负责人电话:"
              
            />
            <div class="submit">
                <van-button square block color="#168ce2" native-type="submit">
                    <div class="aa">
                        <div><img src="@/assets/img/submit.png" width="100%"></div>
                        <p>提交申请</p>
                    </div>
                    
                    </van-button>
            </div>
            </van-form>

        </div>

    </div>
    </scroller>
    </commonPage>
</template>
<script>
import commonPage from "../components/common/commonPage";
export default {
  name: "guanli2",
  data() {
    return {
      dwname:'',
      address:'',
      ldname:'',
      ldtel:'',
      fzrname:'',
      fzrtel:'',
    };
  },
  created() {
    
  },
  components: {
    commonPage,
  },
  methods: {
      onSubmit(values) {
      console.log('submit', values);
    },
    
  },

};
</script>
<style scoped>
*{
  padding: 0;
  margin: 0;
}
.all{
    width: 100%;
}
.content1{
    width: 100%;
    height: 11rem;
    background: white;
    padding: 1rem 8%;
}
.upload{
    width: 84%;
    height: 11rem;
    background: #dee2e4;
    border-radius: 3px;
    text-align: center;
    line-height: 11rem;
}
.content2{
    margin-top: 1rem;
    padding: 1rem;
    background: white;
    
}
.submit{

}
.aa{
    display: flex;
}
.aa > div{
    width: 1.50rem;
}
.aa >p{
    margin: auto 0.2rem;
    font-size: 1rem;
}





</style>